import { useNavigate } from "react-router-dom";

const Home = () => {
    const navigate = useNavigate();
    const toLogin = () => {
        navigate("/login");
    }


    return <div className="w-full h-full overflow-auto bg-[#F1F2F6]">
        <div className="flex flex-row justify-center mt-[100px]">
            <span className="iconfont icon-ChatGPT text-[120px] text-primary-color"></span>
        </div>
        <div className="text-center font-bold text-[36px] mt-[20px]">软帝·智能小助手</div>
        <div className="box-border px-[20px] flex flex-col gap-[15px]">
            <div className="relative w-full bg-black text-white h-[45px] flex flex-row justify-center items-center rounded-[10px]">
                <span className="iconfont icon-bohao text-[26px] absolute left-[10px]"></span>
                手机号登录
            </div>
            <div onClick={toLogin} className="relative w-full bg-white text-black h-[45px] flex flex-row justify-center items-center rounded-[10px]">
                <span className="iconfont icon-24gl-lock2 text-[26px] absolute left-[10px]"></span>
                账号密码登录
            </div>
        </div>

        <div className="flex flex-row justify-center text-[14px] text-gray-500 fixed bottom-[50px] w-full">
            <input type="radio" />
            <div>已阅读并同意软帝的 <span className="text-black">服务协议</span> 和 <span className="text-black">隐私政策</span></div>
        </div>
    </div>
}

export default Home;